<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="../pengxuan.js"></script>
<script src="../animate.js"></script>
<style>
.one{width:200px;height:200px;background:green; position:absolute;}
</style>
<script>
window.onload=function(){
	var one=getClass('one')[0];
//	one.onmouseover=function(){
//		var t=setInterval(function(){
//			if(one.offsetWidth>=500){
//				clearInterval(t);	
//			};
//			one.style.width=one.offsetWidth+5+'px';	
//		},60)	
//	};	

//	one.onmouseover=function(){
//		setInterval(function(){
//			var val=500-one.offsetWidth;
//			var end=val*0.3;
//			one.style.width=one.offsetWidth+end+'px';	
//		},100)	
//	};
     	
	one.onmouseover=function(){
		animate(one,{width:400,height:400,top:350,left:200,opacity:30},1000,Tween.Quint.easeIn,function(){
			animate(one,{width:200,height:200,top:0,left:0,opacity:100},1000,Tween.Quint.easeIn)	
		})	
	};
	
	
};

</script>
</head>

<body>
<div class="one"></div>
</body>
</html>
